<!doctype html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>

        body {
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-smooth: always;
            -webkit-font-smoothing: antialiased;
        }

        h1 {
            font-size: 20px;
        }

        h2 {
            font-size: 22px;
            color: #4A4A4A;
        }

        .btn {
            background-color: #fff;
            color: #555;
            margin-right: 10px;
            font-weight: normal;
            font-size: 17px;
            border-color: #999;
        }

        .btn-lg {
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px;
        }

        .btn-success {
            color: #ffffff;
            background-color: #5cb85c;
            border-color: #4cae4c;
        }

        .btn-danger {
            color: #ffffff;
            background-color: #5cb85c;
            border-color: #4cae4c;
        }

        .btn {
            display: inline-block;
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            white-space: nowrap;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.428571429;
            border-radius: 4px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
        }

        a {
            color: #428bca;
            text-decoration: none;
        }

        a {
            background: transparent;
        }

        *, *:before, *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    </style>

</head>


<body style="background:#fff;border:0;margin:0;padding:0;">
<div style="background: #fff; background: -webkit-linear-gradient(#eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(#eeeeee 0%, #ffffff 100%);  background: linear-gradient(#eeeeee 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );">
    <table width="100%" style="width:100%">
        <tr>
            <td colspan="2" align="center" style="text-align:center;"><h1
                    style="color: #4A4A4A; line-height:0px; margin: 0;padding:0; padding-top:50px;padding-bottom: 10px;"><%= pf.getString(dayOfWeek) %></h1>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" valign="top" style="text-align:center"><h1 style="line-height:0px; color:#D0011B;margin-top:15px;"><%=
                pf.getString(fromToHeader) %></h1></td>
        </tr>
        <tr>
            <td colspan="2" align="center" style="text-align:center">
                <h2 style="line-height:30px;font-weight:normal;font-size:24px;padding-bottom:20px;padding-top:17px"><%= pf.getString(invitationText) %></h2>
            </td>
        </tr>
        <tr>
            <td align="right" valign="top"
                style="text-align:right; color:#9B9B9B; width:35%; color:#9B9B9B; font-size:16px; font-weight:normal;line-height:30px;"><%=
                pf.getI18nString("plugins.teamcal.event.event.begin") %>:
            </td>
            <td align="left" style="text-align:left; color:#9B9B9B; width:65%; font-size:16px; padding-left:10px; line-height:30px;"><%= pf.getString(beginText)
                %>
            </td>
        </tr>
        <tr>
            <td align="right" valign="top"
                style="text-align:right; color:#9B9B9B; width:35%; color:#9B9B9B; font-size:16px; font-weight:normal;line-height:30px;"><%=
                pf.getI18nString("plugins.teamcal.event.event.end") %>:
            </td>
            <td align="left" style="text-align:left; color:#9B9B9B; width:65%; font-size:16px; padding-left:10px; line-height:30px;"><%= pf.getString(endText)
                %>
            </td>
        </tr>
        <% if(pf.getString(hasRRule).equals("true")) { %>
        <tr>
            <td align="right" valign="top"
                style="text-align:right; color:#9B9B9B; width:35%; color:#9B9B9B; font-size:16px; font-weight:normal;line-height:30px;"><%=
                pf.getI18nString("plugins.teamcal.event.event.repeat") %>:
            </td>
            <td align="left" style="text-align:left; color:#9B9B9B; width:65%; font-size:16px; padding-left:10px; line-height:30px;"><%= pf.getString(repeat)
                %>
            </td>
        </tr>
        <% boolean isFirst = true %>
        <% for (exDate in exDateList) { %>
        <tr>
            <td align="right" valign="top"
                style="text-align:right; color:#9B9B9B; width:35%; color:#9B9B9B; font-size:16px;font-weight:normal;line-height:30px;">
                <% if(isFirst) { %>
                <%= pf.getI18nString("plugins.teamcal.event.event.exdate") + ':' %>
                <% isFirst = false %>
                <% } %>
            </td>
            <td align="left" style="text-align:left; color:#9B9B9B; width:65%; font-size:16px; padding-left:10px; line-height:30px;"><%= pf.getString(exDate)
                %>
            </td>
        </tr>
        <% } %>
        <% } %>
        <% boolean isFirst = true %>
        <% for (attendee in attendeeList) { %>
        <tr>
            <td align="right" valign="top"
                style="text-align:right; color:#9B9B9B; width:35%; color:#9B9B9B; font-size:16px;font-weight:normal;line-height:30px;">
                <% if(isFirst) { %>
                <%= pf.getI18nString("plugins.teamcal.attendees") + ':' %>
                <% isFirst = false %>
                <% } %>
            </td>
            <td align="left" style="text-align:left; color:#9B9B9B; width:65%; font-size:16px; padding-left:10px; line-height:30px;"><%= pf.getString(attendee)
                %>
            </td>
        </tr>
        <% } %>
        <tr>
            <td align="right" valign="top"
                style="text-align:right; color:#9B9B9B; width:35%; color:#9B9B9B; font-size:16px; font-weight:normal; line-height:30px;"><%=
                pf.getI18nString("plugins.teamcal.event.location") %>:
            </td>
            <td align="left" style="text-align:left; color:#9B9B9B; width:65%; font-size:16px; padding-left:10px;line-height:30px;"><%= pf.getString(location)
                %>
            </td>
        </tr>
        <tr>
            <td align="right" valign="top"
                style="text-align:right; color:#9B9B9B; width:35%; color:#9B9B9B; font-size:16px; font-weight:normal; line-height:30px;"><%=
                pf.getI18nString("plugins.teamcal.event.note") %>:
            </td>
            <td align="left" style="text-align:left; color:#9B9B9B; width:65%; font-size:16px; padding-left:10px;line-height:30px;"><%=
                pf.getString(note) %>
            </td>
        </tr>
        <% if (pf.getString(deleted).equals("false")) { %>
        <tr>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="2" align="center" style="text-align:center">
                <a href="<%= pf.getString(acceptLink) %>" class="btn btn-lg"
                   style="background-color:#fff; border-color: #999; color:#555; margin-right:10px;font-weight:normal; font-size: 17px; border-color:#999; color: #4A4A4A;"><span
                        class="glyphicon glyphicon-ok-sign" style="color:#55BA30; margin-right:10px;"><img alt=""
                                                                                                           style="vertical-align: sub;"
                                                                                                           src=""></span><%=
                    pf.getI18nString("plugins.teamcal.event.accept") %></a>

                <a href="<%= pf.getString(declineLink) %>" class="btn btn-lg"
                   style="background-color:#fff; border-color: #999; color:#4A4A4A; padding-left:10px;font-weight:normal; font-size: 17px; border-color:#999;padding-right:23px;"><span
                        style="color:#E6253E; margin-right:10px;"> <img alt="" style="vertical-align: sub;"
                                                                        src=""></span><%=
                    pf.getI18nString("plugins.teamcal.event.decline") %></a>

            </td>
        </tr>
        <% } %>
    </table>
</div>
</body>
</html>
